<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="initial-scale=1,maximum-scale=1 width=device-width user-scalable='no'">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<title>样式整理</title>
	</head>
	<body>
		<div>
			<!-- <input type="" name="a3[]" value="a31" post-up>
			<input type="" name="a3[]" value="a32" post-up> -->
			<div id="test" class="test1">
				<div style="background-color: #ccc;margin-bottom: 10px;">
					<input type="" name="user_name" value="" post-up><br/>
					<input type="" name="age" value="" post-up><br/>

					<div name="sex" is-exists="1" style="background-color: red;width: 10px;height: 10px;"></div>
					<div name="sex" is-exists="2" style="background-color: blue;width: 10px;height: 10px;"></div>


					<input type="" is-exists-val="1" name="sex" post-up><br/>
					<input type="" is-exists-val="2" name="sex" post-up><br/>

					<img name="picture" style="border: 1px solid blue" src=""/>
				</div>
			</div>
		</div>



		<!-- 		<input type="" name="a4.b1" post-up value="b1">
					<input type="" name="a4.b2.c1" post-up value="c1">
					<input type="" name="a4.b2" post-up value="b2"> -->
					
				<!-- 	<select name="a3" post-up>
						<option>1</option>
						<option>2</option>
						<option>3</option>
					</select>
					<div name="a4" is-exists="1" style="background-color: red;width: 10px;height: 10px;"></div>
					<div name="a4" is-exists="2" style="background-color: blue;width: 10px;height: 10px;"></div>
					<input type="" is-exists-val="1" name="a5" post-up><br/>
					<input type="" is-exists-val="2" name="a5" post-up><br/>
					<span name="a6"></span>
					<p name="a6"></p>
					<img name="a7" style="border: 1px solid blue" src=""/>
					<div name="b1">
						<div style="background-color: #EEE;">
							<div name="c1"></div>
							<div name="c2"></div>
							<div name="c3"></div>
						</div>
					</div> -->
	</body>
	<script type="text/javascript" src="conversionForm-1.20.02.js?v2"></script>

	<script type="text/javascript">
		var data = [
					{
						user_name: '测试用户1',
						age: 21,
						sex: 1,
						picture: 'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg'
					},

					{
						user_name: '测试用户2',
						age: 23,
						sex: 2,
						picture: 'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg'
					},

					]

		InputForm.set('test1' ,data ,true);


		// var data1 = {a1: 'a10' ,a2: 'a20' ,a3: '3' ,a4: '1' ,a5: '2' ,a6: '111' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1: 'c01' ,c2: 'c02' ,c3: 'c03'} ,{c1: 'c11' ,c2: 'c12' ,c3: 'c13'}]};
		// // var data = InputForm.set('test1' ,data1 ,true);


		// var data2 = [
		// {a1: '1' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]} ,

		// {a1: '2' ,a2: 'a21' ,a3: '3' ,a4: 'a41' ,a5: 'a51' ,a6: 'a61' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c11' ,c2:'c21' ,c3:'c31'} ,{c1:'c12' ,c2:'c22' ,c3:'c32'}]} ,

		// {a1: '3' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]} ,

		// {a1: '4' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]}

		// ];
		// InputForm.set('test1' ,data2 ,false);
		// data2 = [
		// {a1: '5' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]} ,

		// {a1: '6' ,a2: 'a21' ,a3: '3' ,a4: 'a41' ,a5: 'a51' ,a6: 'a61' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c11' ,c2:'c21' ,c3:'c31'} ,{c1:'c12' ,c2:'c22' ,c3:'c32'}]} ,

		// {a1: '7' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]} ,

		// {a1: '8' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]}

		// ];
		
		// InputForm.set('test1' ,data2 ,false);


		// data2 = [
		// {a1: '9' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]} ,

		// {a1: '10' ,a2: 'a21' ,a3: '3' ,a4: 'a41' ,a5: 'a51' ,a6: 'a61' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c11' ,c2:'c21' ,c3:'c31'} ,{c1:'c12' ,c2:'c22' ,c3:'c32'}]} ,

		// {a1: '11' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]} ,

		// {a1: '12' ,a2: 'a20' ,a3: '3' ,a4: 'a40' ,a5: 'a50' ,a6: 'a60' ,a7:'http://pic1.win4000.com/pic/c/7c/665c8edc35_250_300.jpg' ,b1: [{c1:'c10' ,c2:'c20' ,c3:'c30'}]}
		
		// ];
		
		// InputForm.set('test1' ,data2 ,false);

		// console.log(InputForm.get('test1'));
		// InputForm.get();
	</script>
</html>